<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>警告框</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	</head>

	<body>
		<div class="container">
			<div class="alert alert-success" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-danger" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-dismissable" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-dismissible" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-info" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-warning" role="alert">
				欢迎来到淘学网
			</div>
			<div class="alert alert-success" role="alert">
				欢迎来到淘学网
			</div>
			<!--
				可关闭的警告框
				data-dismiss="alert" 和按钮产生关系 是可操作的状态
			-->
			<div class="alert alert-warning" role="alert">
				<button type="button" class="close" data-dismiss="alert">
					<span aria-disabled="true">&times;</span>
				</button>
				<strong>欢迎来到淘学网</strong>
			</div>
			<div class="alert alert-info" role="alert">
				<button type="button" class="close" data-dismiss="alert">
			     <span aria-disabled="true">&times;</span>
				</button>
				<a href="http://www.taobao.com" class="alert-link">
					淘学网
				</a>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>

	</body>

</html>